<template>
    <div class="footer-main">
        <div class="footer-info">
            <p>本站系基于互联网搜索引擎技术为您提供信息检索服务。</p>
            <p>
                <a href="/user/about">关于我们</a>
                <a href="/user/privacy">隐私条款</a>
                <a href="/user/advise">联系我们</a>
            </p>
            <p>Copyright ©2017 </p>
            <p>Processed in 0.010(s),Sqls: 0.</p>
        </div>
        <div class="cambrian">
            <div>
                <img  class="logo" src="https://timg01.bdimg.com/timg?pacompress=&imgtype=0&sec=1439619614&autorotate=1&di=1e6032414880400f8c83c0bafaf2fa2d&quality=90&size=b100_100&src=http%3A%2F%2Fpic.rmb.bdstatic.com%2Fd3f8947140e69a6d67318358969fc196.png" alt="快眼看书">
            </div>
            <p class="ky">快眼看书</p>
            <p class="tuijian">每周一期推荐网络小说</p>
            <a href="https://author.baidu.com/home/1582652470074651?from=dusite_artdetailh5"><button>查看熊掌号</button></a>
        </div>
    </div>
</template>

<script>
    import {Toast} from 'mint-ui'
    export default {
        data () {
            return {
                
            }
        },
        methods: {
        } 
    }
</script>
<style lang="scss">
.footer-main{
    color: #aaa;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #dddddd;
    .footer-info{
        padding: .4rem .2rem;
        p {
            font-size: 12px;
            color: #aaa;
            line-height: 2em;
        }
        a {
            font-size: 14px;
            display: inline-block;
            color: #666;
            padding: 0 10px;
        }
    }
    .cambrian{
        padding: .5rem 0;
        background-color: #fff;
        .logo{
            border-radius: 50%;
        }
        .ky{
            margin-top: 10px;
            text-align: center;
            line-height: 16px;
            font-size: 16px;
            color: #333;
            font-weight: 600;
        }
        .tuijian{
            width: 78%;
            margin: 10px auto;
            text-align: center;
            font-size: 13px;
            color: #999;
            line-height: 17px;
            font-weight: 300;
        }
        button{
            width: 3rem;
            padding: 8px 0;
            font-size: 12px;
            color: #fff;
            background: #3897f0;
            border-radius: 3px;
        }
    }
    
 }
</style>

